<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:p="http://primefaces.org/ui" 
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <title>Mantenimiento</title>
    </h:head>
    <h:body>

        <h:form>
            <p:toolbar>
                <p:toolbarGroup align="right">
                    <p:commandButton value="Cerrar Sesion" action="index"/>
                </p:toolbarGroup>
                <p:toolbarGroup align="left">
                    <p:commandButton value="volver" action="opciones"/>
                </p:toolbarGroup>

            </p:toolbar>
        </h:form>
        <br/> 
        <p:tabView id="tabView" dynamic="true" cache="true">  

            <p:tab id="tab1" title="Crear Solicitud">  

                <center><h1><h:outputLabel value="CREAR SOLICITUD prueba" style="font-weight: bold"/>
                    </h1></center>
                <h:form id="form0">  
                    <center>
                        <p:panel header="Solicitud" style="width: 1400px;">  
                            <p:panelGrid>  
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Estado: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:selectOneMenu id="Estado" >  
                                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                            <f:selectItem itemLabel="Pendiente" itemValue="" />  
                                            <f:selectItem itemLabel="Atendido" itemValue="" /> 
                                            <f:selectItem itemLabel="Postergado" itemValue="" /> 
                                        </h:selectOneMenu>  
                                    </p:column> 
                                    <p:column>
                                        <h:outputText value="Tipo: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:selectOneMenu id="Tipo" >  
                                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                            <f:selectItems value="#{crearSolicitudBean.listarEstados()}" var="est"
                                                           itemLabel="#{est.descripcion}"
                                                           itemValue="#{est}"/>
                                        </h:selectOneMenu> 
                                    </p:column> 
                                    <p:column>
                                        <h:outputText value="Prioridad: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:selectOneMenu id="prioridad" >  
                                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                            <f:selectItem itemLabel="Alto" itemValue="" />  
                                            <f:selectItem itemLabel="Medio" itemValue="" />  
                                            <f:selectItem itemLabel="Bajo" itemValue="" /> 
                                        </h:selectOneMenu>  
                                    </p:column> 
                                </p:row>
                            </p:panelGrid>  
                        </p:panel>  
                    </center>
                </h:form>
                <h:form id="form"> 
                    <center>
                        <p:panel id="panelCliente" header="Detalles del Cliente" style="width: 1400px;">  
                            <p:panelGrid id="grid" columns="6" >  
                                <h:outputText value="Nombres: " />
                                <h:inputText  value="#{crearSolicitudBean.persona.nombres}" />
                                <h:outputText />
                                <h:outputText value="Apellidos: " />
                                <h:inputText  value="#{crearSolicitudBean.persona.appaterno} "/>
                                <p:commandButton value="Buscar Cliente" onclick="buscarCliente.show();" />
                                <h:outputText value="Email: "/>
                                <h:inputText value="#{crearSolicitudBean.persona.email} " />
                                <h:outputText/>
                                <h:outputText value="Telefono: "/>
                                <h:inputText value="#{crearSolicitudBean.persona.telefono} " />
                            </p:panelGrid>  
                        </p:panel>  
                    </center>
                </h:form> 
                <h:form id="form1">  
                    <center>
                        <p:panel header="Datos del problema" style="width: 1400px;">  

                            <p:panelGrid >  

                                <p:row>
                                    <p:column>
                                        <h:outputText value="Lugar: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:inputText />
                                    </p:column> 

                                    <p:column>
                                        <h:outputText value="Categoria: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:selectOneMenu id="categoria" >  
                                            <f:selectItem itemLabel="Seleccionar" itemValue="" />  
                                            <f:selectItem itemLabel="Hardware" itemValue="" />  
                                            <f:selectItem itemLabel="Software" itemValue="" />  
                                            <f:selectItem itemLabel="Infraestructura" itemValue="" /> 
                                            <f:selectItem itemLabel="otros" itemValue="" /> 
                                            <f:selectItems  />  
                                        </h:selectOneMenu>  
                                    </p:column>
                                    <p:column>
                                        <h:outputText value="Subcategoria: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:inputText />
                                    </p:column> 
                                </p:row>
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Nombres: "/>
                                    </p:column>
                                    <p:column>
                                        <h:inputText />
                                    </p:column> 
                                    <p:column>
                                        <h:outputText/>
                                    </p:column> 
                                    <p:column>
                                        <h:outputText value="Apellidos: "/>
                                    </p:column>
                                    <p:column>
                                        <h:inputText />
                                    </p:column> 
                                    <p:column>
                                        <p:button value="Asignar tecnico" outcome="Asignar_tecnico"/>
                                    </p:column> 
                                </p:row>  
                                <p:row>
                                    <p:column>
                                        <h:outputText value="Asunto: "/>
                                    </p:column> 
                                    <p:column>
                                        <h:inputText />
                                    </p:column>

                                    <p:column>
                                        <h:outputText />
                                    </p:column> 

                                    <p:column>
                                        <h:outputText />
                                    </p:column> 

                                    <p:column>
                                        <h:outputText value="Descripcion: "/>
                                    </p:column>
                                    <p:column>
                                        <p:inputTextarea rows="4" cols="20"/>
                                    </p:column>
                                </p:row>
                            </p:panelGrid>  
                            <br/><br/>
                        </p:panel>
                    </center>
                    <center>
                        <br/>
                        <br/>
                        <br/>
                        <p:commandButton value="Guardar"/> 
                        <h:outputText value="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"/>
                        <p:commandButton value="Salir"/> 
                        <br/>
                        <br/>
                        <br/>
                    </center>

                    <p:dialog id="busCli" widgetVar="buscarCliente" position="center" modal="true">

                        <p:dataTable id="id_clientes" var="pers" value="#{crearSolicitudBean.listarPersonas()}" selectionMode="single"
                                     selection="#{crearSolicitudBean.personaSelect}" rowKey="#{pers.idPersona}" style="width: 1000px;">  

                            <p:ajax event="rowSelect" listener="#{crearSolicitudBean.asignarPer()}" update=":tabView:form"/>

                            <p:column headerText="ID" style="width:24%">  
                                <h:outputText value="#{pers.idPersona}" />  
                            </p:column>  
                            <p:column headerText="NOMBRES" style="width:24%">  
                                <h:outputText value="#{pers.nombres}" />  
                            </p:column>  
                            <p:column headerText="APELLIDOS" style="width:24%">  
                                <h:outputText value="#{pers.appaterno} #{pers.apmaterno}" />  
                            </p:column>  
                            <p:column headerText="EMAIL" style="width:24%">  
                                <h:outputText value="#{pers.email}" />  
                            </p:column>  
                            <p:column headerText="TELEFONO" style="width:24%">  
                                <h:outputText value="#{pers.telefono}" />  
                            </p:column>  
                        </p:dataTable> 
                        <br/>
                        <br/>
                        <p:commandButton value="Aceptar" onclick="buscarCliente.hide();" actionListener="#{crearSolicitudBean.asignarPer()}"  />

                    </p:dialog> 

                </h:form> 

            </p:tab>  
            <p:tab id="tab2" title="Solicitudes Recepcionadas">  
                <h:form>
                    <center><h1><h:outputLabel value="SOLICITUDES RECEPCIONADAS" style="font-weight: bold"/>
                        </h1>
                        <h:panelGrid columns="2" cellpadding="10">  
                            <p:growl id="msga" showDetail="true" />
                            <p:dataTable id="id_tabla_soli_recepcionadas" var="car" value="#{solicitudBean.list}" selectionMode="single"
                                         selection="#{solicitudBean.solic}" rowKey="#{car}">  
                                <p:column id="IdColumn" filterBy="Id" 
                                          headerText="CODIGO" >  
                                    <h:outputText value="#{car.codigo}" />   
                                </p:column>  
                                <p:column headerText="ASUNTO" style="width:24%">  
                                    <h:outputText value="#{car.asunto}" />  
                                </p:column>  

                                <p:column headerText="NOMBRES(cliente)" style="width:24%">  
                                    <h:outputText value="#{car.asunto}" />  
                                </p:column>  

                                <p:column id="ClienteColumn" filterBy="APELLIDOS(cliente)" 
                                          headerText="APELLIDOS(Cliente)" >  
                                    <h:outputText value="#{car.cliente}" />  
                                </p:column>  

                                <p:column headerText="NOMBRES(Tecnico)" style="width:24%">  
                                    <h:outputText value="#{car.tecnico}" />  
                                </p:column>  

                                <p:column headerText="APELLIDOS(tecnico)" style="width:24%">  
                                    <h:outputText value="#{car.tecnico}" />  
                                </p:column>  


                                <p:column headerText="ESTADO" style="width:24%">  
                                    <h:outputText value="#{car.estado}" />  
                                </p:column>  

                                <p:column headerText="FECHA DE CREACION" style="width:24%">  
                                    <h:outputText value="#{car.fecha}" />  
                                </p:column>  
                            </p:dataTable> 
                        </h:panelGrid>  
                    </center>
                    <center><p:commandButton value="Actualizar" action="Modificar_solicitud" /></center>
                </h:form>
            </p:tab>  
            <p:tab id="tba3" title="Solicitudes Atendidas"> 
                <h:form>
                    <center><h1><h:outputLabel value="LISTA DE SOLICITUDES ATENDIDAS" style="font-weight: bold"/>
                        </h1>
                        <h:panelGrid columns="2" cellpadding="10">   
                            <p:growl id="msgs" showDetail="true" />  
                            <p:dataTable id="id_tabla_soli_atendidas" var="car" value="#{solicitudBean.list}" selectionMode="single"
                                         scrollable="true" scrollHeight="350"  
                                         selection="#{solicitudBean.solic}" rowKey="#{car}">  
                                <p:column headerText="ID" style="width:24%">  
                                    <h:outputText value="#{car.codigo}" />  
                                </p:column>  
                                <p:column headerText="ASUNTO" style="width:24%">  
                                    <h:outputText value="#{car.asunto}" />  
                                </p:column>  
                                <p:column headerText="CLIENTE" style="width:24%">  
                                    <h:outputText value="#{car.cliente}" />  
                                </p:column>  
                                <p:column headerText="TECNICO" style="width:24%">  
                                    <h:outputText value="#{car.tecnico}" />  
                                </p:column>  
                                <p:column headerText="ESTADO" style="width:24%">  
                                    <h:outputText value="#{car.estado}" />  
                                </p:column>  
                                <p:column headerText="DIAGNOSTICO" style="width:24%">  
                                    <h:outputText value="#{car.diagnostico}" />  
                                </p:column>  
                                <p:column headerText="SOLUCION" style="width:24%">  
                                    <h:outputText value="#{car.solucion}" />  
                                </p:column>  
                                <p:column headerText="FECHA" style="width:24%">  
                                    <h:outputText value="#{car.fecha}" />  
                                </p:column>  
                                <p:column style="width:4%">  
                                    <p:commandButton id="selectButton" icon="ui-icon-search" onclick="detalleswidget.show();">  
                                    </p:commandButton>  
                                </p:column>  
                            </p:dataTable> 
                        </h:panelGrid>  
                    </center>
                    <p:dialog header="Ver Detalles" widgetVar="detalleswidget">  
                        <p:panelGrid columns="2">
                            <f:facet name="Detalles">  
                                DETALLES  
                            </f:facet>
                            <h:outputText value="Editor" />
                            <h:outputText value="#{solicitudBean.solic.editor}" />  


                            <h:outputText value="Codigo" />  
                            <h:outputText value="#{solicitudBean.solic.codigo}" />  


                            <h:outputText value="Asunto" />
                            <h:outputText value="#{solicitudBean.solic.asunto}" />  


                            <h:outputText value="Cliente" />
                            <h:outputText value="#{solicitudBean.solic.cliente}" />  


                            <h:outputText value="Tecnico" /> 
                            <h:outputText value="#{solicitudBean.solic.tecnico}" />  


                            <h:outputText value="Estado" />
                            <h:outputText value="#{solicitudBean.solic.estado}" />  


                            <h:outputText value="Diagnostico" /> 
                            <h:outputText value="#{solicitudBean.solic.diagnostico}" />  


                            <h:outputText value="Solucion" /> 
                            <h:outputText value="#{solicitudBean.solic.solucion}" />  
                            <h:outputText value="Fecha" />
                            <h:outputText value="#{solicitudBean.solic.fecha}" /> 
                        </p:panelGrid>
                    </p:dialog>
                </h:form>
            </p:tab>  

        </p:tabView>  




    </h:body>
</html>

